.tabbar {
  .footer {
    //底部
    width: 100%;
    height: 54px;
    position: fixed;
    bottom: 0px;
    overflow: hidden;
    background-color: #ffffff;
    border-top: 1px solid #b3c2d2;
    padding-top: 6px;
    a:hover {
      text-decoration: none;
    }
    ul {
      overflow: hidden;
      li:nth-child(1) a.active {
        div{
          background-image:url("../../images/peixunyes.png");
        }
        p {color: #333333;}
      }
      li:nth-child(2) a.active {
        div{
          background-image:url("../../images/tongzhiyes.png");
        }
        p {color: #333333;}
      }
      li:nth-child(3) a.active {
        div{
          background-image:url("../../images/diandaoyes.png");
        }
        p {color: #333333;}
      }
      li:nth-child(4) a.active {
        div{
          background-image:url("../../images/wodeyes.png");
        }
        p {color: #333333;}
      }
      li {
        width: 25%;
        height: 60px;
        float: left;
        .train {
          background-image: url("../../images/peixunno.png");
        }
        .notice {
          background-image: url("../../images/tongzhino.png");
        }
        .pointto {
          background-image: url("../../images/diandaono.png");
        }
        .mine {
          background-image: url("../../images/wodeno.png");
        }
        div {
          width: 32px;
          height: 32px;
          //background-color: red;
          margin: 0px auto;
          background-repeat: no-repeat;
          background-size: 100% 100%;
        }
        p {
          margin-top: 4px;
          font-weight: bold;
          font-size: 14px;
          color: #7f7f7f;
        }
      }
    }
  }
}
